<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>ColorUI GA 组件库</title>
</head>

<body>
	<div class="mockups">
		<iframe src="./index.html" width="375" height="667"></iframe>
	</div>
</body>
<script type="text/javascript">
	if (navigator.userAgent.match(
		/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
	)) {
		window.location.href = "./index.html"
	}
</script>
<style>
	html {
		-ms-text-size-adjust: 100%;
		font-size: 10px;
		-webkit-text-size-adjust: 100%;
	}

	body,
	html {
		min-height: 100%;
	}

	body {
		font-size: 14px;
		line-height: initial;
		margin: 0;
		background-image: url(https://image.meiye.art/FkaI4u_htaG3TKoq2dCl3xD3HGqR);
		background-size: cover;
		background-position: center;
		display: flex;
		height: 100vh;
	}

	.mockups {
		margin: auto;
		position: relative;
	}

	iframe {
		border: 0;
		height: 846px;
		width: 400px;
		border-radius: 10px;
		box-shadow: 0 0 50px 0px rgb(30 0 60 / 30%);
	}
</style>

</html>